<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>在线会议管理</title>
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"
    />
    <link
      rel="stylesheet"
      href="../../layuiadmin/layui/css/layui.css"
      media="all"
    />
    <link
      rel="stylesheet"
      href="../../layuiadmin/style/admin.css"
      media="all"
    />
    <link
      rel="stylesheet"
      href="../../layuiadmin/style/style.css"
      media="all"
    />
    <link
      rel="stylesheet"
      href="../../layuiadmin/style/fullcalendar.css"
      media="all"
    />
    <link
      rel="stylesheet"
      href="../../layuiadmin/style/fullcalendarSty.css"
      media="all"
    />
  </head>
  <body>
    <div class="layui-fluid">
      <div id="calendar-container">
        <div id="calendar"></div>
        <div id="addSchedule">
          <i class="layui-icon layui-icon-add-1"></i>
          添加会议安排
        </div>
      </div>
    </div>
    <!-- 会议信息||添加会议 -->
    <script type="text/html" id="calendarForm">
      <form lay-filter="calendarForm" class="layui-form model-form">
        <input name="id" id="id" type="hidden" />
        <div class="layui-form-item">
          <label class="layui-form-label requiredLabel">会议名称</label>
          <div class="layui-input-block">
            <input name="title" type="text" class="layui-input" disabled />
          </div>
        </div>
        <div class="layui-form-item">
          <label class="layui-form-label requiredLabel">会议时间</label>
          <div class="layui-input-block">
            <input
              type="text"
              class="layui-input"
              name="meetingTime"
              disabled
            />
          </div>
        </div>
        <div class="layui-form-item">
          <label class="layui-form-label requiredLabel">会议地点</label>
          <div class="layui-input-block">
            <input type="text" class="layui-input" name="address" disabled />
          </div>
        </div>
        <div class="layui-form-item">
          <label class="layui-form-label">会议召集</label>
          <div class="layui-input-block">
            <input
              type="text"
              class="layui-input"
              name="meetingUserid"
              disabled
            />
          </div>
        </div>
        <div class="layui-form-item">
          <label class="layui-form-label">会议备注</label>
          <div class="layui-input-block">
            <textarea
              class="layui-textarea"
              name="meetingRemarks"
              disabled
            ></textarea>
          </div>
        </div>
        <div class="layui-form-item">
          <label class="layui-form-label">参会反馈</label>
          <div class="layui-input-block">
            <textarea class="layui-textarea" name="ackMsgs" disabled></textarea>
          </div>
        </div>
        <div class="layui-form-item meetingScheduleBtn">
          <button class="layui-btn meetingNotice" type="button">
            会议通知单
          </button>
          <a
            class="layui-btn enterMeeting"
            href="#"
            target="_blank"
            rel="noopener noreferrer"
            >进入会议</a
          >
        </div>
      </form>
    </script>
    <script type="text/html" id="meetAddressSelect">
      <div class="meetingSelection">
        <div class="onlineMeeting">
          <div class="selectionBox">
            <img src="../../layuiadmin/images/online.png" />
          </div>
          <h4>线上会议</h4>
        </div>
        <div class="offlineMeeting">
          <div class="selectionBox">
            <img src="../../layuiadmin/images/offline.png" />
          </div>
          <h4>线下会议</h4>
        </div>
        <div class="layui-form-item layui-hide">
          <input
            type="button"
            lay-submit
            lay-filter="recordSubmit"
            id="recordSubmit"
            value="确认添加"
          />
          <input
            type="button"
            lay-submit
            lay-filter="layuiadmin-app-form-edit"
            id="layuiadmin-app-form-edit"
            value="确认编辑"
          />
        </div>
      </div>
    </script>
    <!-- 会议信息||添加会议 -->
    <script type="text/html" id="addMeetingForm">
      <form lay-filter="addMeetingForm" class="layui-form model-form">
        <input name="type" id="type" type="hidden" />
        <div class="layui-form-item">
          <label class="layui-form-label requiredLabel">会议名称</label>
          <div class="layui-input-block">
            <input
              name="meetingHeadline"
              type="text"
              class="layui-input"
              autocomplete="off"
              lay-verify="required"
            />
          </div>
        </div>
        <div class="layui-form-item">
          <label class="layui-form-label requiredLabel">会议时间/地点</label>
          <div class="layui-input-block">
            <div id="meetingTime"></div>
            <input
              type="text"
              class="layui-input"
              id="meetingDate"
              autocomplete="off"
              lay-verify="required"
              name="meetingDate"
              lay-verify="required"
              style="position: relative;"
            />
            <input type="hidden" id="appointmentDate" value="6,7" />
          </div>
        </div>
        <div class="layui-form-item layui-form-text">
          <label class="layui-form-label requiredLabel">归属项目</label>
          <div class="layui-input-block">
            <div id="attributionProject" class="xm-select-demo"></div>
          </div>
        </div>
        <div class="layui-form-item">
          <label class="layui-form-label requiredLabel">会议议程</label>
          <div class="layui-input-block">
            <textarea
              class="layui-textarea"
              name="content"
              lay-verify="required"
            >
1.项目方案讨论会</textarea
            >
          </div>
        </div>
        <div class="layui-form-item">
          <label class="layui-form-label requiredLabel">会议召集</label>
          <div class="layui-input-block">
            <input
              type="text"
              class="layui-input"
              name="orgUserNumber"
              autocomplete="off"
              id="orgUserNumber"
              disabled
            />
          </div>
        </div>
        <div class="layui-form-item layui-form-text">
          <label class="layui-form-label requiredLabel">参会人员</label>
          <div class="layui-input-block">
            <div id="participantsN" class="xm-select-demo"></div>
          </div>
        </div>
        <div class="layui-form-item layui-form-text">
          <label class="layui-form-label"></label>
          <div class="layui-input-block">
            <div id="participantsW" class="xm-select-demo"></div>
          </div>
        </div>
        <div class="layui-form-item">
          <label class="layui-form-label">会议备注</label>
          <div class="layui-input-block">
            <textarea class="layui-textarea" name="remarks"></textarea>
          </div>
        </div>
        <div class="layui-form-item meetingScheduleBtn">
          <button
            class="layui-btn layui-btn-disabled meetingNotice"
            type="button"
            disabled="disabled"
          >
            会议通知单
          </button>
          <button
            class="layui-btn enterMeeting"
            type="button"
            lay-filter="formSubmit"
            lay-submit
          >
            确定
          </button>
        </div>
      </form>
    </script>
    <script type="text/html" id="changeTimeForm">
      <div class="changeTimeAddBox" style="height: 240px;">
        <div class="changeTimeBar" style="margin-left: 20px;">
          <ul></ul>
        </div>
      </div>
    </script>
    <script type="text/html" id="outChangeTimeForm">
      <div class="layui-tab" lay-filter="onChangeAddress">
        <ul class="layui-tab-title">
          <li class="layui-this" lay-id="0">
            <form
              class="layui-form"
              action=""
              lay-filter="layuiadmin-app-form-list"
            >
              <select
                name="reviewStatus"
                class="changeAddress"
                id="changeAddress"
                lay-filter="changeAddressFilter"
              >
                <option value="0"></option>
              </select>
            </form>
          </li>
          <li lay-id="1">外部会议</li>
        </ul>
        <div class="layui-tab-content">
          <div class="layui-tab-item layui-show">
            <div class="changeTimeAddBox">
              <div class="changeAddBar"></div>
              <div class="changeTimeBar">
                <ul></ul>
              </div>
            </div>
          </div>
          <div class="layui-tab-item">
            <form
              class="layui-form"
              action=""
              lay-filter="layuiadmin-app-form-list"
            >
              <!-- <select
                name="changeAddress"
                lay-verify=""
                lay-search
                id="changeAddressN"
                lay-filter="changeAddressN"
              >
                <option value="">请输入会议地址</option>
                <option value="2号楼">2号楼</option>
                <option value="2">3号楼</option>
              </select> -->
              <div id="selectMeetingAddress" class="xm-select-demo"></div>
            </form>
            <div class="changeTimeAddBox" style="height: 270px;">
              <div class="changeTimeBarW" style="margin-left: 20px;">
                <ul></ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </script>

    <script src="../../layuiadmin/modules/const_config.js"></script>
    <script src="../../layuiadmin/modules/jquery.min.js"></script>
    <script src="../../layuiadmin/modules/fullcalendar.js"></script>
    <script src="../../layuiadmin/layui/layui.js"></script>
    <script src="../../layuiadmin/modules/meetingSchedule.js"></script>
    <script src="https://unpkg.com/dayjs@1.8.34/dayjs.min.js"></script>
    <script>
      layui
        .config({
          base: "../../layuiadmin/", //静态资源所在路径
        })
        .extend({
          index: "lib/index", //主入口模块
          xmSelect: "xm-select",
        })
        .use(["index", "xmSelect"], function () {});
    </script>
  </body>
</html>
